@import '../../common';
.textarea-box textarea{
   width:100%;
   padding:0.3rem;
   font-size:14px;
   color:#000;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
.add-img{
   position:relative;
   padding:0.5rem;
   background:#fff;
   margin-top: -1px;
}
.add-img input{
   width:1rem;
   height:1rem;
   opacity:0;
   position: absolute;
   top:0.5rem;
   left:0.5rem;
}
.add-img img{
   height:0.7rem;
   margin-right:0.6rem;
}
.send-writing{
   float:right;
   color:#bcbcbc;
   padding:0.1rem 0.4rem 0.15rem 0.4rem;
   font-size:15px;
   background:#ededed;
   border-radius:3px;
}
.upload-img{
   padding:0.3rem;
}
.upload-img div{
   position:relative;
   display: inline-block;
}
.upload-img .user-img{
   width:25%;
   height:2.2rem;
   padding: 0.1rem;
   box-sizing: border-box;
   border-radius: 10px;
}
.upload-img .close-img{
   position:absolute;
   top:-0.1rem;
   right:0.1rem;
   width:0.5rem;
   height:0.5rem;
}
.upload-img span{
   position: relative;
}
.add-img-btn img{
   width:20%;
   height:1.9rem;
  margin:0.2rem 0 0 0.2rem;
}
.add-img-btn {
   position: relative;
}
.add-img-btn input{
   position: absolute;
   width:2rem;
   height:2rem;
   left:0;
   top:0;
   z-index:9;
   opacity:0;
}

.hopebox-title{
    height:1.2rem;
    line-height:1.2rem;
    text-align:center;
    font-size:18px;
    color:#15ae67;
    background:#fff;
    position: relative;
}
.go-home-icon{
    text-align: left;
}
.hopebox-title .follow-focus{
    position: absolute;
    right:15px;
    top:0.3rem;
    line-height:0.6rem;
    border:1px solid #ff964b;
    color:#ff964b;
    font-size:14px;
    border-radius:3px;
    padding: 0 0.1rem;
}
.hopebox-title img{
    width:0.9rem;
    vertical-align: middle;
    margin:0 0 0 0.5rem;
    box-sizing: border-box;
}
.post-detail {
    background: #fff;
    margin-top: 1px;
    margin-bottom: 0.266666667rem;
}

.Interaction-box-2{
    text-align: right;
}
.Interaction-box-2 p{
    display:inline-block;
    padding:0.2rem 0;
}
.Interaction-box-2 p img{
    width:0.7rem;
}
.Interaction-box-2 .discuss{
    line-height:0.5rem;
    margin-right:15px;
}
.Interaction-box-2 .discuss img{
    margin-top:5px;
}
.Interaction-box-2 .thumbs{
    line-height:0.5rem;
    margin-right:20px;
}
.Interaction-box-2 .discuss span,
.Interaction-box-2 .thumbs span{
    margin-left:5px;
    color:#b2b2b2;
}
.Interaction-box-2 .thumbs img{
    margin-top:-1px;
}
.Interaction-box-2 .more img{
    margin-top:0.2rem;
}
.Interaction-box-2 .more{
    margin-right:15px;
}
.Interaction-box-3 {
  flex-wrap: wrap;
  justify-content:flex-end;
}
.Interaction-box-3 p{
    display:inline-block;
    height: 1.3rem;
}
.Interaction-box-3 img{
    height:0.7rem;
    margin-top:0.24rem;
    vertical-align: sub;
}
.Interaction-box-3 .share {
  margin-right: 0.2rem;
}
.Interaction-box-3 .thumbs{
    margin-right:0.5rem;
}
.Interaction-box-3 .thumbs span{
    margin-left:5px;
    float: right;
    line-height: 1.2rem;
}

.discuss-title p{
    color:#444;
    font-size:16px;
    padding:0 0.3rem 0 0.3rem;
    margin-bottom: 0.3rem;
    word-break: break-all;
}

.images-box{
    margin-right:0;
    height:auto;
}
.images-box.images-box-height{
    margin:0 0 0.2rem 0;
}
.discuss-count{
    margin:0.3rem 0 0.03rem 0;
    line-height:1.2rem;
    background:#fff;
    color:#b2b2b2;
    font-size:14px;
    padding: 0 0 0 0.5rem;
}
.comment-header{
    display:inline-block;
    width:20%;
    box-sizing: border-box;
}
.comment-content{
    display:inline-block;
    width:80%;
    box-sizing: border-box;
    padding:0 0.5rem 0 0 ;
}
.comment-header img{
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%;
    margin:0.3rem 0.3rem 0.3rem 0.4rem;
}
.my-comment{
    background-color:#fff;
    margin:0 0 0.3rem 0 ;
}
.comment-content .name-user{
    font-size:16px;
    color:#000;
    line-height: 1.2rem;
}
.comment-content .review-details{
    font-size:14px;
    color:#666;
    word-wrap:break-word;
}
.comment-time-1 {
    line-height:1.1rem;
    font-size:14px;
    color:#a0aaaf;
}
.comment-time-1 div:nth-child(2){
    text-align:right;
}
.comment-time-1 img{
    width:0.6rem;
    margin-top: 0.2rem;
}
.thumbs-up-box span{
    margin-left: 5px;
    float: right;
    line-height: 1.2rem;
}
.thumbs-up-box p{
    display:inline-block;
}
.thumbs-up-box .thumbs{
    margin-right:0.4rem;
}
.thumbs-up-box .discuss img{
    margin-top:11px;
}
.comment-time-1{
    line-height: 1.1rem;
    font-size: 14px;
    color: #a0aaaf;
}
.comment-time-1 .year-date{
    margin-right:5px;
}
.follow-us{
    position:fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,0.3);
    width:100%;
    height:100%;
    z-index: 999;
}
.share-mask{
    position:fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,0.3);
    width:100%;
    height:100%;
    z-index: 999;
}
.share-mask img{
    position: absolute;
    right:0;
    top:0;
    width:7rem;
}
.code-box{
    width:7rem;
    height:7rem;
    background:#ffd34c;
    transform: translate(-3.5rem, -3.5rem);
    -ms-transform: translate(-3.5rem, -3.5rem);
    -webkit-transform: translate(-3.5rem, -3.5rem);
    -o-transform: translate(-3.5rem, -3.5rem);
    -moz-transform: translate(-3.5rem, -3.5rem);
    position:absolute;
    top:50%;
    left:50%;
    border-radius:15px;
    text-align:center;
}
.code-box p{
    text-align:center;
    color:#15ae67;
    font-size:14px;
    line-height:1rem;
}
.code-box img{
    width:5rem;
    height:5rem;
    margin:0 auto;
}
.code-box .close{
    position:absolute;
    right:0.2rem;
    top:0.2rem;
    width:0.7rem;
    height:0.7rem;
    background:#fff;
    border-radius:50%;
}
.code-box .close img{
    width:0.4rem;
    height:0.4rem;
    margin:0.15rem;
}
.input-box div{
    width:90%;
    height:0.8rem;
    line-height: 0.9rem;
    border-radius:0.4rem;
    margin:0.2rem 0 0.3rem 0.3rem;
    padding: 0 0 0 1.1rem;
    box-sizing: border-box;
    background: #eaeaea url("../../images/pen.png") no-repeat 0.4rem center;
    background-size:0.4rem;
}
.input-box input::-webkit-input-placeholder { /* WebKit browsers */
    color: #000;
}
.input-box input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #000;
}
.input-box input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #000;
}
.input-box input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #000;
}
.Interaction-box-2-2 p{
    display:inline-block;
    height: 1.3rem;
}
.Interaction-box-2-2 img{
    height:0.7rem;
    margin-top:0.2rem;
    vertical-align: sub;
}
.Interaction-box-2-2 .thumbs{
    margin-right:0.5rem;
}
.Interaction-box-2-2 .thumbs span{
    margin-left:5px;
    float: right;
    line-height: 1.2rem;
}
.writing-box{
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    background:#fff;
}
.writing-box-1{
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    background:#fff;
}
.submit-btn a{
    display:block;
    line-height:0.8rem;
    text-align: center;
    background:#eaeaea;
    border-radius:0.4rem;
}
.submit-btn{
    padding:0.2rem;
    box-sizing: border-box;
}
.my-comment-box{
    background:#EFEFF4;
    padding-bottom: 1.3rem;
}
.my-comment{
    background:#fff;
}
.replay-user p{
    color:#000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.replay-user p span{
    color:#a0aaaf;
    margin:0 5px;
}
div .kuma-dlg-content{
    width:85%;
    margin:0 auto;
}
div .kuma-dlg-body {
    padding: 16px 24px 10px;
}
div .kuma-dlg-body textarea{
   width:100%;
}
.footer-follow{
    margin-bottom: 0.266666666666rem;
 }
.footer-follow .footer-text p:nth-child(1){
    color:#15ae67;
    font-size:16px;
    margin-top:0.4rem;
    font-weight: 600;
}
.footer-follow .footer-text p:nth-child(2){
    color:#b2b2b2;
    font-size:14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.footer-follow .header{
    background:#fff;
}
.footer-follow .alert-code a{
    position: absolute;
    right: 10px;
    top: 0.6rem;
    border: 1px solid #ff964b;
    color: #ff964b;
    font-size: 14px;
    border-radius: 3px;
    text-align: center;
    padding: 0.05rem 0.1rem;
}
.footer-follow .logo{
    height:1.25rem;
    top:0.85rem;
}
.footer-follow .header>div{
    float: left;
}
.footer-follow .header>div:nth-child(1){
    width:20%;
    position: relative;
}
.footer-follow .header>div:nth-child(2){
    width:60%;
}
.footer-follow .header>div:nth-child(3){
    width:20%;
    position: relative;
}
.count-number{
    color:#B2B2B2;
    font-size:14px;
    padding:0.4rem 0 0.3rem 0.4rem;
    background:#fff;
    border-bottom: 1px solid #EAEAEE;
}
.none-discuss{
    color:#9e9e9e;
    font-size:16px;
    text-align: center;
    line-height:1.5rem;
}
.answer {
  color: #888
}
